
<%@ page import="demographic.identity.Lugar" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="layout" content="main" />
        <g:javascript library="jquery"/>
        <jqui:resources themeCss="../css/jquery/jquery-ui-1.8.16.custom.css"/>
        <link rel="stylesheet" href="${resource(dir: 'css', file: 'estilo.css')}"/>
        <g:set var="entityName" value="${message(code: 'lugar.label', default: 'Lugar')}" />
        <title><g:message code="default.list.label" args="[entityName]" /></title>
        <g:javascript>
            var $j = jQuery.noConflict();
            $j(document).ready(function() {
            $j('#filterNombreValue').autocomplete({
            source: '<g:createLink action="lugarFinder"/>'
            });
            })
        </g:javascript>
    </head>
    <body>
        <div class="body">
            <h1>Filtros</h1>
            <g:form  url="[action: 'filtrar']" name="filtros" id="filtros" enctype="multipart/form-data" class="panelSalaSituacional" asynchronous="false">
                <div class="ui-widget">
                    <label for="filterNombre"><g:message code="salaSituacional.filtroNombre"/></label>
                    <g:textField id="filterNombreValue" name="filterNombreValue" optionKey="id"/>
                </div>
                <label for="filterTipoLugar"><g:message code="salaSituacional.tipoLugar"/></label>
                <g:select name="filterTipoLugarValue" from="${['Pais', 'Estado', 'Municipio', 'Parroquia', 'Calle']}" valueMessagePrefix="lugar.tipolugar"/>
                <p>
                    <g:submitButton  name="submit_form" value="${message(code:'salaSituacional.filtrar')}" class="boton_submit"/>
                </p>
            </g:form>
            <h1><g:message code="default.list.label" args="[entityName]" /></h1>
            <g:if test="${flash.message}">
            <div class="message">${flash.message}</div>
            </g:if>
            <div class="list">
                <table>
                    <thead>
                        <tr>
                            <g:sortableColumn property="nombre" title="${message(code: 'lugar.nombre.label', default: 'Nombre')}" />
                        
                            <g:sortableColumn property="tipolugar" title="${message(code: 'lugar.tipolugar.label', default: 'Tipolugar')}" />
                        
                            <g:sortableColumn property="coordenadas" title="${message(code: 'lugar.coordenadas.label', default: 'Coordenadas')}" />
                        
                            <th><g:message code="lugar.padre.label" default="Padre" /></th>
                        
                        </tr>
                    </thead>
                    <tbody>
                    <g:each in="${lugarInstanceList}" status="i" var="lugarInstance">
                        <tr class="${(i % 2) == 0 ? 'odd' : 'even'}">
                        
                            <td><g:link action="show" id="${lugarInstance.id}">${fieldValue(bean: lugarInstance, field: "nombre")}</g:link></td>

                            <td>${fieldValue(bean: lugarInstance, field: "tipolugar")}</td>
                        
                            <td>${fieldValue(bean: lugarInstance, field: "coordenadas")}</td>
                        
                            <td>${fieldValue(bean: lugarInstance, field: "padre.nombre")}</td>
                        
                        </tr>
                    </g:each>
                    </tbody>
                </table>
            </div>
            <div class="paginateButtons">
                <g:paginate total="${lugarInstanceTotal}" />
                <span class="menuButton"><g:link class="create" action="create"><g:message code="default.new.label" args="[entityName]" /></g:link></span>
            </div>
        </div>
    </body>
</html>
